“Vegeta” Documentation by “SBTemplates” v1.0

Vegeta

Created: 05 Dec 2013
By: Aumkar Thakur
Email: aumkarakhilesh@gmail.com

Thank you for downloading my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Getting Started - top

Hello, Lets start with installation process for these you need a account on blogger.com where you can create a free blog, In this guide I'm not going to tell you that how you can create a blog on blogger, I assume that you have a blogger account with a blogger blog, so let's get started!

Installing Blogger Template

Follow Below Steps To Install Blogger Template -

  • Login to blogger dashboard.
  • On Blogger Dashboard Click Template
  • Now Click On Backup/Restore button (Top Right).
  • Click Choose File button. Find where the “vegeta-theme.xml” file location.
  • Now Click On Upload Button.




    • Customizing Menu - top

    To customize the drop down menu located above header follow below steps-



  • Login to blogger dashboard.
  • On Blogger Dashboard Click Template
  • Now Click On Edit HTML button
  • Now using ctrl+f find below code
    • <ul class='menunav'>
    <li class='homewala'><a href='/'>Home</a></li>
    <li><a href='your-link-here'>About</a></li>
    <li><a href='your-link-here'>  Portfolio</a>
    <ul>
    <li><a href='your-link-here'>Web Design</a></li>
    <li><a href='your-link-here'>Web Development</a></li>
    <li><a href='your-link-here'>Illustrations</a></li>
    </ul>
    </li>
    <li><a href='your-link-here'>Blog</a></li>
    <li><a href='your-link-here'>Contact</a></li>
    </ul>

  • Now replace your-link-here and all blue color text.


    • Adding Label Cloud - top


    Label cloud help you to show different types of catagories to your blog. To Add It to your blog follow below steps


  • Go to blogger dashboard
  • Click On Layout Tab
  • Now click on Add gadget from sidebar and then select label widget from it.



    • Embedding Youtube Video - top

    If you would use the old Video Embed code, it may not show the thumbnails. Therefore, make sure you use the following technique to embed your videos. Go to Blogger >> Add a new Post >> Html Tab >> Paste the below code there and replace the Video ID.
    <img class="getutubethumb" src="http://img.youtube.com/vi/Video_ID/maxresdefault.jpg" width="1" />
    <div class="video-container">
    <iframe frameborder="0" height="360" src="http://www.youtube.com/embed/Video_ID" width="640"></iframe>
    </div>

    You will find the Video ID of Youtube video from its embed code.



    Embedding Dailymotion Video - top

    To Embed dailymotion video to your blog. Go to Blogger >> Add a new Post >> Html Tab >> Paste the below code there and replace the Video ID.

    <img class="getutubethumb" width="1" src="http://www.dailymotion.com/thumbnail/video/Video_ID"/>
    <iframe frameborder="0" width="640" height="360" src="http://www.dailymotion.com/embed/video/Video_ID"></iframe>

    You will find the Video ID of Dailymotion video from its embed code.


    Follow below steps to get dailymotion Video ID:
  • Go to the video which you want to embed
  • Now Click On Export option in the video
  • Click On Embed option and now embed code will be automatically copied on your clibboard
  • Now paste that code somewhere or in notepad, and now you will see your Video_ID as shown in below image.



    • The End